﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Free web template - vitruvius - by spyka Webmaster</title>
<link rel="stylesheet" href="template/styles.css" type="text/css" />
<link type="text/css" href="static/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="static/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="static/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
  $(function(){
    $("#datepicker").datepicker();
    $("#datasubmit").click(function(){
	date = $("#datepicker").val()
	content = $("#data_content").val()
	tag = $("#data_tag").val()
	$.post('data_input', {'date':date, 'content':content, 'tag':tag}, function(data){
		$("#data_added").html(data).hide().fadeIn();
	});
	return false;
    });
  });
</script>
</head>
<body>
<div class="wrapper">
	<div class="top">
		<div class="header">
			<!-- TITLE -->
			<h1><a href="#">大仙的轨迹</a></h1>
			<h2>a free web template</h2>
			<div class="clear"></div>
			<!-- END TITLE -->
		</div>
		<div class="menu">
			<ul>	
				<!-- MENU -->
				<li><a href="#">Home</a></li>
				<li><a href="#">影</a></li>
				<li><a href="#">书</a></li>
				<li><a href="#">戏</a></li>
				<li><a href="#">梦</a></li>
				<li><a href="#">家</a></li>
				<li><a href="#">技</a></li>
				<!-- END MENU -->
			</ul>
		</div>
	</div>		
	<div class="content">
		<div class="sidebar column-left">
			<ul>	
				<li>
					<h4>Links</h4>
					<ul>
						<li><a href="http://www.spyka.net" title="spyka Webmaster resources">spyka webmaster</a></li>
						<li><a href="http://www.justfreetemplates.com" title="free web templates">Free web templates</a></li>
						<li><a href="http://www.spyka.net/forums" title="webmaster forums">Webmaster forums</a></li>
						<li><a href="http://www.awesomestyles.com/mybb-themes" title="mybb themes">MyBB themes</a></li>
						<li><a href="http://www.awesomestyles.com" title="free phpbb3 themes">phpBB3 styles</a></li>
					</ul>
				</li>
				
				<li>
					<h4>Categories</h4>
					<ul>
					  <li><a href="#">Lorem ipsum dolor sit amet.</a></li>
					  <li><a href="#">Quisque consequat nunc a felis.</a></li>
					  <li><a href="#">Suspendisse consequat magna at.</a></li>
					  <li><a href="#">Etiam eget diam id ligula rhoncus.</a></li>
					  <li><a href="#">Sed in mauris non nibh.</a></li>
					</ul>
				</li>
			</ul>
		</div>	
		<div id="data_input" class="page-content">	
			<!-- CONTENT -->
			<h3>data input</h3>
			<a href="{{ url }}">{{ url_linktext }}</a>
			<p>日期 <input id="datepicker" type="text"></p>
			<p>事件 <input type="text" id="data_content"></p>
			<p>标签 <input type="text" id="data_tag"></p>
			<p id="datasubmit">添加</p>
			<!-- END CONTENT -->
		</div>
		<div class="sidebar column-right">	
			
			<!-- SIDEBAR -->
			<ul>	
				<li>
					<h4>Links</h4>
					<ul>
						<li><a href="http://www.spyka.net" title="spyka Webmaster resources">spyka webmaster</a></li>
						<li><a href="http://www.justfreetemplates.com" title="free web templates">Free web templates</a></li>
						<li><a href="http://www.spyka.net/forums" title="webmaster forums">Webmaster forums</a></li>
						<li><a href="http://www.awesomestyles.com/mybb-themes" title="mybb themes">MyBB themes</a></li>
						<li><a href="http://www.awesomestyles.com" title="free phpbb3 themes">phpBB3 styles</a></li>
					</ul>
				</li>
				
				<li>
					<h4>Categories</h4>
					<ul>
					  <li><a href="#">Lorem ipsum dolor sit amet.</a></li>
					  <li><a href="#">Quisque consequat nunc a felis.</a></li>
					  <li><a href="#">Suspendisse consequat magna at.</a></li>
					  <li><a href="#">Etiam eget diam id ligula rhoncus.</a></li>
					  <li><a href="#">Sed in mauris non nibh.</a></li>
					</ul>
				</li>
			</ul>
			<!-- SIDEBAR -->
	
		</div>
		<div id="data_added">	
		</div>
		<div class="clear"></div>	
	</div>		

	<p class="footer">
		<a href="http://validator.w3.org/check/referer" title="valid XHTML">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="valid CSS">CSS</a> &nbsp;&nbsp; &copy; YourWebsiteName. Design: <a href="http://www.spyka.net">Free CSS Templates</a> | <a href="http://www.justfreetemplates.com">Free Web Templates</a> 
	</p>
</div>

			

</body>
</html>
